<template>
  <fieldset class="layui-elem-field layui-field-title">
    <legend>发表评论</legend>
    <div class="layui-field-box">
      <div class="leavemessage" style="text-align:initial">
        <form  id="comment-form"  class="layui-form blog-editor">
          <input id="comment-sid" name="sid" type="hidden" value="-1">
          <input id="comment-pid" name="pid" type="hidden" value="0">
          <input id="comment-reply-id" name="replyId" type="hidden" value="0">
          <div class="layui-form-item">
            <div class="layui-col-xs6 layui-col-sm4 layui-col-md4">
              <input id="nickname" type="text" class="layui-input"  name="nickname" placeholder="昵称（必填）">
            </div>
            <div class="layui-col-xs6 layui-col-sm4 layui-col-md4">
              <input id="qq" type="text" class="layui-input"  name="qq" placeholder="QQ（用于展示头像和昵称）">
            </div>
            <div class="layui-col-xs6 layui-col-sm4 layui-col-md4">
              <input id="email" type="text" class="layui-input"  name="email" placeholder="邮箱">
            </div>
          </div>
          <div class="layui-form-item">
            <textarea name="content" id="comment-textarea" placeholder="请输入内容" class="layui-textarea"></textarea>
          </div>
          <div class="layui-form-item">
            <button class="layui-btn" id="submitCommentBtn" >提交留言</button>
          </div>
        </form>
      </div>
    </div>
  </fieldset>
  <ul class="blog-comment" id="comment-ul">
  </ul>
</template>

<script>
module.exports={
  name: "comment"
}
</script>

<style scoped>

</style>